﻿@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% "Microsoft YaHei"; color:#333;background:#fff;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% "Microsoft YaHei";}
a:link,a:visited{color:#333;text-decoration:none}
a:hover{color:#c00;text-decoration:underline}
img{ border:none}
ol,ul,li{list-style:none;}
i{font-style:normal;}
input,img{vertical-align: middle;}
input[type="button"],input[type="submit"]{vertical-align: middle;cursor: pointer;}
	/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block; margin:0 auto;}
  /* clearfix */
    .clearfix:before, .clearfix:after {content:"";display:table;}
    .clearfix:after{clear:both;overflow:hidden;}
    .clearfix{zoom:1;}
    html{
                font-size:62.5%;
                overflow-x:hidden;
            }
            /*#container{
                width:1920px;
                height:1000px;
            }*/
 /*nav*/
 nav{width: 100%;height: 60px;background:#e0e0e0;position:fixed;top: 0;left: 0px;z-index:120;}
 .nav_blank{background:url(images/kuai1.png);}
 .nav_blank ul li{color: #333;}
 .nav_blank ul li.active{color: #333;}
 .nav_blank ul li a:link,.nav_blank ul li a:visited,.nav_blank ul li a:hover{color:#333;text-decoration: none;}
 .logo{position: absolute;top: 3px;left: 20px;
       font-size: 3em;color: #8b0000;
	overflow: hidden;
	line-height: 1;
	color:#4eacff;}
 nav ul{position:absolute;left:19%;height:58px;text-align: center;display: inline-block;width:83%;}
 nav ul li{float: left;color: #999;height: 58px;line-height:58px;width: auto;font-size: 14px;margin:0 1%;cursor: pointer;text-align: center;padding:0 1%;}
 nav ul li.active{color: #fff;border-bottom:5px solid #8b0000;}
 nav ul li a:link,nav ul li a:visited,nav ul li a:hover{color:#591804;text-decoration: none;}
 #loading{
       position:absolute;
       top: 0;
       left: 0;
       z-index: 600;
       background:#fff;
       width: 100%;
       height: 900px;
       padding-top:300px;
       display: block;
}
.loading_text{
  color: #333;
  font-size: 26px;
  position: absolute;
  top: 40%;
  left: 50%;
}
.loading_text1{
  font-size: 26px;
  text-align: center;
  color: #333;
  margin:200px auto 0 auto;
}
.loading_line{
  display: block;
  width:700px;
  height: 10px;
  border-radius: 5px;
  background: #fff;
  border:1px solid #ccc;
  margin:250px auto 0 auto;
  overflow: hidden;
  line-height: 10px;
}
.loading_line em{
  display: inline-block;
  height: 10px;
  background: #d00;
}
.left_b{display: inline-block;position: absolute;width: 62px;height: 60px;background: url(images/left.png) no-repeat center;left: 5%;top: 40%;z-index: 500;cursor: pointer;background-size: contain;opacity:0;}
.right_b{display: inline-block;position: absolute;width: 62px;height: 60px;background: url(images/right.png) no-repeat center;right: 5%;top: 40%;z-index: 500;cursor: pointer;background-size: contain;opacity:0;}
/*loading 动画*/
.loading_m{position:absolute;top:25%;left: 48%;}
.cube1, .cube2 {
  background-color: #d00;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
   
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}
 
.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}
 
@keyframes cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.panduan{position: absolute;top: 30%;left: 0px;height: 1000px;text-align: center;width: 100%;line-padding-top:25%;font-size: 30px;background: #f2f2f2;color: #333;z-index: 1000;}
.panduan h4 a{font-size:24px;text-decoration: underline;}
.panduan h3{font-size:32px;}